<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    @@include('./include/header.html')
    <title>团队订单</title>
    <style>
        .hdpro_img {
            box-shadow: 0 0 8px 0 rgba(173, 217, 193, 0.4);
        }
    
        .buy-cells {
            box-shadow: none;
        }
        .weui-tab{height:auto;}
        .small_swiper .weui-navbar{
            line-height: 50px;
            height:50px; 
        }
        .weui-navbar .weui-navbar__item{font-size:.2rem;}
    </style>
</head>
<body>
<div class="page">
    <div class="page-hd">
        @@include('./include/page-hd.html', {
        "title": "团队订单",
        "menu": ""
        })
    </div>
    <div class="page-bd">
        <!-- 页面内容-->
        <div class="weui-flex tuan-flex">
            <div class="weui-flex__item">
                <div class="tuan-flex_num">16</div>
                <div class="tuan-flex_tip">待处理订单(笔)</div>
            </div>
            <div class="weui-flex__item">
                <div class="tuan-flex_num">9002</div>
                <div class="tuan-flex_tip">团队订货数量(件)</div>
            </div>
        </div>
        <div class="weui-tab">
            
            <div class="swiper-container small_swiper" style="padding-right:20px;">
                <div class="swiper-wrapper weui-navbar">
                    <div class="swiper-slide weui-navbar__item weui-bar__item--on">待确认</div>
                    <div class="swiper-slide weui-navbar__item">请求发货
                        <span class="weui-badge weui-badge_dot" style="position: absolute;top:10px;right:10px;"></span>
                    </div>
                    <div class="swiper-slide weui-navbar__item">待收货</div>
                    <div class="swiper-slide weui-navbar__item">已完成</div>
                    <div class="swiper-slide weui-navbar__item">运动休闲</div>
                    <div class="swiper-slide weui-navbar__item">医药保健</div>
                    <div class="swiper-slide weui-navbar__item">鞋箱</div>
                </div>
                <div class="swiper_more">
                    <img src="../assets/images/icon_menu.png" class="icon_menu" />
                </div>
            </div>

            <!-- <div class="weui-navbar">
                <a class="weui-navbar__item weui-bar__item--on" href="#tab1">
                    <span style="position:relative;">
                        待确认
                        
                    </span>
                </a>
                <a class="weui-navbar__item" href="#tab2" >
                    <span style="position:relative;">
                        请求发货
                        <span class="weui-badge weui-badge_dot" style="position: absolute;top: 0;right: -8px;"></span>
                    </span>
                </a>
                <a class="weui-navbar__item" href="#tab3">
                    <span style="position:relative;">
                        待收货
                        <span class="weui-badge weui-badge_dot" style="position: absolute;top: 0;right: -8px;"></span>
                    </span>
                </a>
                <a class="weui-navbar__item" href="#tab4">
                    <span style="position:relative;">
                        已完成
                        <span class="weui-badge weui-badge_dot" style="position: absolute;top: 0;right: -8px;"></span>
                    </span>
                </a>
            </div> -->

            <div class="weui-tab__bd">
                <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
                    <!-- 4/26 -->
                    <div class="rult_show" style="display:none">
                        <!-- <span class="rult_icon">Nike耐克
                            <div class="del_btn"></div>
                        </span> -->
                        <span class="rult_icon rult_child">Nike板鞋
                            <div class="del_btn"></div>
                        </span>
                        <span class="rult_icon rult_child">Nike足球鞋
                            <div class="del_btn"></div>
                        </span>
                    </div>
                    <!-- 4/26 -->
                    <div class="team_list">
                        <div class="weui-cells qcard">
                            <div class="weui-cell">
                                <div class="weui-cell__bd">
                                    <div class="s_text">订单编号：8762312312312</div>
                                </div>
                                <div class="weui-cell_ft">
                                    <div class="s_text">等待确认</div>
                                </div>
                            </div>
                         
                            <div class="weui-cells buy-cells" >
                                <div class="weui-cell flex-start">
                                    <div class="weui-cell__hd" style="position:relative">
                                        <img src="../assets/images/proimg1x1.png" class="hdpro_img min_img" style="margin-right:10px;" alt="" />
                                    </div>
                                    <div class="weui-cell__bd">
                                        <div class="pro_title">
                                            阿迪达斯男女 跑步鞋透气减震跑步鞋2018潮人必备新品跑步鞋透气减震跑步鞋2018潮人必备新品
                                        </div>
                                        <div class="text-muted fs20 pdspan">
                                            <span>规格：【24瓶*1箱】</span>
                                        </div>
                                    </div>
                                    <div class="weui-cell__ft" style="padding-left:10px;">
                                        <div class="bs_title">￥699.00</div>
                                        <div class="s_text">×1</div>
                                    </div>
                                </div>
                                <div class="weui-cell flex-start">
                                    <div class="weui-cell__hd" style="position:relative">
                                        <img src="../assets/images/proimg1x1.png" class="hdpro_img min_img" style="margin-right:10px;" alt="" />
                                    </div>
                                    <div class="weui-cell__bd">
                                        <div class="pro_title">
                                            阿迪达斯男女 跑步鞋透气减震跑步鞋2018潮人必备新品跑步鞋透气减震跑步鞋2018潮人必备新品
                                        </div>
                                        <div class="text-muted fs20 pdspan">
                                            <span>规格：【24瓶*1箱】</span>
                                        </div>
                                    </div>
                                    <div class="weui-cell__ft" style="padding-left:10px;">
                                        <div class="bs_title">￥699.00</div>
                                        <div class="s_text">×1</div>
                                    </div>
                                </div>
                            
                            </div>
                            <div class="weui-cell">
                                <div class="weui-cell__bd">
                                    <div class="m_text">下级代理：彭晓燕</div>
                                </div>
                                <div class="weui-cell__ft">
                                    <div class="s_title">共2件商品 合计：<span class="text-red">￥2580.00</span>元</div>
                                </div>
                            </div>
                            <div class="weui-cell">
                                <div class="weui-cell__bd"></div>
                                <div class="weui-cell__ft">
                                    <a href="###" class="buy_defbtn">审核通过</a>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
                <div id="tab2" class="weui-tab__bd-item">
                    <h4>222</h4>
                </div>
                <div id="tab3" class="weui-tab__bd-item">
                    <h4>333</h4>
                </div>
                <div id="tab4" class="weui-tab__bd-item">
                    <h4>444</h4>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 类型选择 -->
<div id="popup_screen" class="weui-popup__container popup-bottom">
    <div class="weui-popup__overlay"></div>
    <div class="weui-popup__modal">
        <div class="weui-cells">
            <div class="weui-cell pd20">
                <div class="weui-cell__bd tc">
                    <span class="screen_title">筛选</span>
                    <div class="m_text">658个品牌符合条件</div>
                </div>
                <div class="weui-cell__ft close-popup">
                    <img src="../assets/images/icon_close.png" class="close_icon" alt="" />
                </div>
            </div>
        </div>
        <div class="screen-box">
            <!-- <div class="screen-left">
                <div class="sl_title">鸿星尔克</div>
                <div class="sl_title">席梦思</div>
                <div class="sl_title checked">Nike耐克</div>
                <div class="sl_title">膳魔师</div>
                <div class="sl_title">华歌尔</div>
                <div class="sl_title">泰格豪雅</div>
            </div> -->
            <div class="screen-right" style="left:0;">
                <div class="weui-cells weui-cells_checkbox border-none">
                    <label class="weui-cell weui-check__label" for="s11">

                        <div class="weui-cell__bd">
                            <p class="sr_title">Nike air气垫</p>
                        </div>
                        <div class="weui-cell__hd">
                            <input type="checkbox" class="weui-check" name="checkbox1" id="s11">
                            <i class="weui-icon-checked"></i>
                        </div>
                    </label>
                    <label class="weui-cell weui-check__label" for="s12">

                        <div class="weui-cell__bd">
                            <p class="sr_title">Nike板鞋</p>
                        </div>
                        <div class="weui-cell__hd">
                            <input type="checkbox" name="checkbox1" class="weui-check" id="s12">
                            <i class="weui-icon-checked"></i>
                        </div>
                    </label>
                    <label class="weui-cell weui-check__label" for="s13">

                        <div class="weui-cell__bd">
                            <p class="sr_title">Nike篮球鞋Flight</p>
                        </div>
                        <div class="weui-cell__hd">
                            <input type="checkbox" name="checkbox1" class="weui-check" id="s13">
                            <i class="weui-icon-checked"></i>
                        </div>
                    </label>
                    <label class="weui-cell weui-check__label" for="s14">

                        <div class="weui-cell__bd">
                            <p class="sr_title">Nike足球鞋</p>
                        </div>
                        <div class="weui-cell__hd">
                            <input type="checkbox" name="checkbox1" class="weui-check" id="s14">
                            <i class="weui-icon-checked"></i>
                        </div>
                    </label>
                    <label class="weui-cell weui-check__label" for="s15">

                        <div class="weui-cell__bd">
                            <p class="sr_title">Nike高端定制</p>
                        </div>
                        <div class="weui-cell__hd">
                            <input type="checkbox" name="checkbox1" class="weui-check" id="s15">
                            <i class="weui-icon-checked"></i>
                        </div>
                    </label>
                    <label class="weui-cell weui-check__label" for="s16">

                        <div class="weui-cell__bd">
                            <p class="sr_title">NIKE跑鞋</p>
                        </div>
                        <div class="weui-cell__hd">
                            <input type="checkbox" name="checkbox1" class="weui-check" id="s16">
                            <i class="weui-icon-checked"></i>
                        </div>
                    </label>
                </div>
            </div>
        </div>
        <div class="weui-flex screen_btn">
            <div class="weui-flex__reset screen_reset">重置筛选</div>
            <div class="weui-flex__item screen_ok">显示结果</div>
        </div>
    </div>
</div>

@@include('./include/footer.html')

<script src="../assets/js/Swiper-4.0.7/swiper.min.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 4,
        spaceBetween: 0,
    });
    // 弹出
    $(".swiper_more").click(function(){
        $("#popup_screen").popup();
    })

    // 切换
    $(".weui-navbar").on("click", ".weui-navbar__item", function () {
        var _index = $(this).index();
        $(this).addClass("weui-bar__item--on").siblings().removeClass("weui-bar__item--on");
        $(".weui-tab__bd-item ").eq(_index).addClass("weui-tab__bd-item--active").siblings().removeClass("weui-tab__bd-item--active");
    })

    // screen-left
    $(".screen-left").on("click", ".sl_title", function () {
        $(this).addClass("checked").siblings().removeClass('checked');
    })
    // screen_ok
    $(".screen_ok").on("click", function () {
        $.closePopup('#popup_screen')
        $(".rult_show").slideDown();
    })
    // screen_reset
    $(".screen_reset").on("click", function () {
        $(".sl_title").removeClass("checked");
        $("input[name=checkbox1]").prop("checked", false);
    })
    // del_btn
    $(".del_btn").on("click", function () {
        var _this = $(this);
        $.alert("自定义的消息内容", function () {
            //点击确认后的回调函数
            _this.parent(".rult_icon").slideUp();
        });
    })
    // checked
    $(".weui-check__label").on("click",".weui-check",function(){
        var _checked = $(this).prop('checked');
        if(_checked){
            $(this).parents(".weui-check__label").addClass("checked");
        }else{
            $(this).parents(".weui-check__label").removeClass("checked");
        }
    })
</script>
</body>
</html>